<template>
    <div>
                <nav style="text-align:center;" class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-white container-p-x">
                        <hr class="d-lg-none w-100 my-2">
            <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#"><i class="feather icon-home"></i></a></li>
                                    <li class="breadcrumb-item active">驾校教练管理</li>
                                    <li class="breadcrumb-item active">评论管理表</li>
                                </ol>

            <div class="navbar-nav align-items-lg-center ml-auto">
                <div class="demo-navbar-notifications nav-item dropdown mr-lg-3">
                    <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
                        <i class="feather icon-bell navbar-icon align-middle"></i>
                        <span class="badge badge-danger badge-dot indicator"></span>
                        <span class="d-lg-none align-middle">&nbsp; Notifications</span>
                    </a>
                </div>
                <div class="nav-item d-none d-lg-block text-big font-weight-light line-height-1 opacity-25 mr-3 ml-1">|
                </div>
                <div class="demo-navbar-messages nav-item dropdown mr-lg-3">
                    <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
                        <i class="feather icon-mail navbar-icon align-middle"></i>
                        <span class="badge badge-success badge-dot indicator"></span>
                        <span class="d-lg-none align-middle">&nbsp; Messages</span>
                    </a>
                </div>
            </div>
        </nav>
        <div class="card ui-task">
            <div class="card-header with-elements pb-0">
                <div class="card-header-elements ml-md-auto pb-0">
                    <ul class="nav nav-tabs nav-bordered border-0">
                        <li class="nav-item">
                            <a href="#home-not-3" data-toggle="tab" aria-expanded="false" class="nav-link active show">
                                <i class="feather icon-battery-charging d-lg-none d-block"></i>
                                <span class="d-none d-lg-block ml-1">今日</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#profile-not-3" data-toggle="tab" aria-expanded="true" class="nav-link show">
                                <i class="feather icon-clock d-lg-none d-block"></i>
                                <span class="d-none d-lg-block ml-1">一周内</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#all-not-3" data-toggle="tab" aria-expanded="true" class="nav-link show">
                                <i class="feather icon-menu d-lg-none d-block"></i>
                                <span class="d-none d-lg-block ml-1">全部</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-content">
                <div class="tab-pane show active" id="home-not-3">
                    <div class="row no-gutters row-bordered row-border-light h-100 overflow-hid">
                        <div class="d-flex col-sm-12 align-items-center">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-auto">
                                        <img class="w-user-img ui-w-100 rounded" src="/user/1.jpg" alt="image">
                                    </div>
                                    <div class="col mt-3 mt-sm-0">
                                        <div class="d-inline-block">
                                            <a href="#!" class="text-body">
                                                <h6 class="mt-0 mb-1">App Landing Page</h6>
                                            </a>
                                            <p class="mb-1 text-muted">Lorem Ipsum is simply dummy text.</p>
                                            <p class="mb-1 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-user mr-1"></i> Author : </span>UI Garage
                                            </p>
                                            <p class="mb-0 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-calendar mr-1"></i> Released : </span>May
                                                03, 2019</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-auto text-sm-right mt-3 mt-sm-0">
                                        <div class="d-inline-block text-sm-center">
                                            <h5 class="mt-0 mb-1">21,230</h5>
                                            <p class="mb-2 text-muted">sales</p>
                                            <p class="m-0">
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                            </p>
                                            <p class="mb-2 text-muted">Rattings</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex col-sm-12 align-items-center">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-auto">
                                        <img class="w-user-img ui-w-100 rounded" src="/user/2.jpg" alt="image">
                                    </div>
                                    <div class="col mt-3 mt-sm-0">
                                        <div class="d-inline-block">
                                            <a href="#!" class="text-body">
                                                <h6 class="mt-0 mb-1">Mobile Uikit Design</h6>
                                            </a>
                                            <p class="mb-1 text-muted">Lorem Ipsum is simply dummy text.</p>
                                            <p class="mb-1 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-user mr-1"></i> Author : </span>Montzore</p>
                                            <p class="mb-0 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-calendar mr-1"></i> Released : </span>May
                                                05, 2019</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-auto text-sm-right mt-3 mt-sm-0">
                                        <div class="d-inline-block text-sm-center">
                                            <h5 class="mt-0 mb-1">19,200</h5>
                                            <p class="mb-2 text-muted">sales</p>
                                            <p class="m-0">
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star text-muted"></i>
                                                <i class="feather icon-star text-muted"></i>
                                            </p>
                                            <p class="mb-2 text-muted">Rattings</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex col-sm-12 align-items-center">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-auto">
                                        <img class="w-user-img ui-w-100 rounded" src="/user/3.jpg" alt="image">
                                    </div>
                                    <div class="col mt-3 mt-sm-0">
                                        <div class="d-inline-block">
                                            <a href="#!" class="text-body">
                                                <h6 class="mt-0 mb-1">Admin Template Design</h6>
                                            </a>
                                            <p class="mb-1 text-muted">Lorem Ipsum is simply dummy text.</p>
                                            <p class="mb-1 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-user mr-1"></i> Author : </span>Fabra</p>
                                            <p class="mb-0 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-calendar mr-1"></i> Released : </span>May
                                                12, 2019</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-auto text-sm-right mt-3 mt-sm-0">
                                        <div class="d-inline-block text-sm-center">
                                            <h5 class="mt-0 mb-1">19,200</h5>
                                            <p class="mb-2 text-muted">sales</p>
                                            <p class="m-0">
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star text-muted"></i>
                                                <i class="feather icon-star text-muted"></i>
                                            </p>
                                            <p class="mb-2 text-muted">Rattings</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex col-sm-12 align-items-center">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-auto">
                                        <img class="w-user-img ui-w-100 rounded" src="/user/1.jpg" alt="image">
                                    </div>
                                    <div class="col mt-3 mt-sm-0">
                                        <div class="d-inline-block">
                                            <a href="#!" class="text-body">
                                                <h6 class="mt-0 mb-1">App Landing Page</h6>
                                            </a>
                                            <p class="mb-1 text-muted">Lorem Ipsum is simply dummy text.</p>
                                            <p class="mb-1 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-user mr-1"></i> Author : </span>UI Garage
                                            </p>
                                            <p class="mb-0 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-calendar mr-1"></i> Released : </span>May
                                                03, 2019</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-auto text-sm-right mt-3 mt-sm-0">
                                        <div class="d-inline-block text-sm-center">
                                            <h5 class="mt-0 mb-1">21,230</h5>
                                            <p class="mb-2 text-muted">sales</p>
                                            <p class="m-0">
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                            </p>
                                            <p class="mb-2 text-muted">Rattings</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex col-sm-12 align-items-center">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-auto">
                                        <img class="w-user-img ui-w-100 rounded" src="/user/2.jpg" alt="image">
                                    </div>
                                    <div class="col mt-3 mt-sm-0">
                                        <div class="d-inline-block">
                                            <a href="#!" class="text-body">
                                                <h6 class="mt-0 mb-1">Mobile Uikit Design</h6>
                                            </a>
                                            <p class="mb-1 text-muted">Lorem Ipsum is simply dummy text.</p>
                                            <p class="mb-1 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-user mr-1"></i> Author : </span>Montzore</p>
                                            <p class="mb-0 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-calendar mr-1"></i> Released : </span>May
                                                05, 2019</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-auto text-sm-right mt-3 mt-sm-0">
                                        <div class="d-inline-block text-sm-center">
                                            <h5 class="mt-0 mb-1">19,200</h5>
                                            <p class="mb-2 text-muted">sales</p>
                                            <p class="m-0">
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star text-muted"></i>
                                                <i class="feather icon-star text-muted"></i>
                                            </p>
                                            <p class="mb-2 text-muted">Rattings</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex col-sm-12 align-items-center">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-auto">
                                        <img class="w-user-img ui-w-100 rounded" src="/user/3.jpg" alt="image">
                                    </div>
                                    <div class="col mt-3 mt-sm-0">
                                        <div class="d-inline-block">
                                            <a href="#!" class="text-body">
                                                <h6 class="mt-0 mb-1">Admin Template Design</h6>
                                            </a>
                                            <p class="mb-1 text-muted">Lorem Ipsum is simply dummy text.</p>
                                            <p class="mb-1 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-user mr-1"></i> Author : </span>Fabra</p>
                                            <p class="mb-0 text-muted"><span class="font-weight-bold"><i
                                                        class="feather icon-calendar mr-1"></i> Released : </span>May
                                                12, 2019</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-auto text-sm-right mt-3 mt-sm-0">
                                        <div class="d-inline-block text-sm-center">
                                            <h5 class="mt-0 mb-1">19,200</h5>
                                            <p class="mb-2 text-muted">sales</p>
                                            <p class="m-0">
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star-on text-warning"></i>
                                                <i class="feather icon-star text-muted"></i>
                                                <i class="feather icon-star text-muted"></i>
                                            </p>
                                            <p class="mb-2 text-muted">Rattings</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script src="assets/js/vendor.js"></script>

    <!-- Swiper slider -->
    <script src="assets/libs/swiper/swiper.js"></script>
    <script src="assets/js/pages/ui_carousel.js"></script>
    <!-- Demo -->
    <script src="assets/js/script.js"></script>
<script>
import '/public/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.css';
import '/public/libs/datatables/datatables.css';
import '/public/fonts/googleapis/is.css'
import '/public/css/style.css'
    export default {
       data() {
        return {
            comment: [],
        }
       },
       mounted () {
        this.getData();
       },
       methods: {
        getData() {
            var url=''
            this.axios.get(url).then(res=>{
                console.log(res);
                this.comment=res.data.data
            })
        }
       },
    }
</script>

<style lang="scss" scoped>
.card-body {
    height: 300px !important;
}
.el-main[data-v-54c38a05]{
    line-height: 30px;
    .breadcrumb{
        line-height: 30px;
        position: relative;
        top: 10px;
        li{
          color: fade-in($color: #8082fb, $amount: 0);
        }
    }
}
</style>